<!--
 * @Description: 
 * @Author: yyang
 * @Date: 2023-02-09 09:12:40
 * @LastEditTime: 2023-08-05 16:54:58
 * @LastEditors: yyang
 * @Reference: 
-->
<script setup lang="ts">
import { ref } from "vue";
import Modal from "@/components/Form/modal.vue";
const visible = ref(false);
const confirm = () => {
	visible.value = false;
	console.log("点击确定");
};
const cancel = () => {
	visible.value = false;
	console.log("点击取消");
};
const btnClick = () => {
	console.log("点击按钮");
};
</script>
<template>
	<button @click="visible = true">点击展示</button>
	<modal class="777" :visible="visible" @confirm="confirm" @cancel="cancel">
		展示文本
		<button @click="btnClick">放了个按钮</button>
	</modal>
</template>

<style lang="scss" scoped></style>
